<!DOCTYPE html>
<html lang="zh-Hans-CN">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
	<title>TABLE表格</title>
	<link rel="stylesheet" href="css/bootstrap.font.min.css"/>
	<link rel="stylesheet" href="css/style.css"/>
</head>
<body>

<nav class="navbar navbar-inverse navbar-fixed-top to-nav">
	<div class="container-fluid">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
			</button>
			<a class="navbar-brand to-brand" href="#"><i class="fa fa-weixin fa-fw"></i>&nbsp;&nbsp;昂沁科技 后台管理系统</a>
		</div>



		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			<ul class="nav navbar-nav navbar-right">
				<li class="dropdown">
					<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
						<i class="fa fa-gear"></i>&nbsp;Mr Toma&nbsp;<span class="caret"></span>
					</a>
					<ul class="dropdown-menu">
						<li><a href="#">个人信息</a></li>
						<li><a href="#">修改密码</a></li>
						<li role="separator" class="divider"></li>
						<li><a href="#">退出系统</a></li>
					</ul>
				</li>
			</ul>
		</div><!-- navbar-collapse -->

	</div>
</nav>

<!-- 左侧菜单 start -->
<section class="sidebar_left">
	<div class="sidebar_content">
		<ul class="nav">
			<li><a href="#" class="nav-link"><i class="fa fa-picture-o"></i>作品管理</a></li>
			<li class="active">
				<a href="#" class="nav-link"><i class="fa fa-group"></i>用户管理</a>
				<ul class="link-lop">
					<li><a href="javascript:;">二级菜单</a></li>
					<li><a href="javascript:;">还有</a></li>
				</ul>
			</li>
			<li><a href="#" class="nav-link"><i class="fa fa-flag-checkered"></i>影赛管理</a></li>
			<li><a href="#" class="nav-link"><i class="fa fa-diamond"></i>活动管理</a></li>
			<li><a href="#" class="nav-link"><i class="fa fa-newspaper-o"></i>新闻动态</a></li>
			<li><a href="#" class="nav-link"><i class="fa fa-wrench"></i>网站设置</a></li>
		</ul>
	</div>
</section>
<!-- 左侧菜单 end -->

<section class="content">
	<div class="con-wap">
		<!-- view start -->


		<div class="panel panel-default">
			<div class="panel-heading">
				<h2 class="to-h2">作品管理 <small>Subtext for header</small></h2>
			</div>
			<div class="panel-body">
				<div class="row">
					<div class="col-sm-4">
						<div class="input-group">
						  <span class="input-group-btn">
						    <button class="btn btn-default" type="button">Go!</button>
						  </span>
							<input type="text" class="form-control" placeholder="Search for...">
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->
					<div class="col-sm-4">
						<div class="input-group">
							<input type="text" class="form-control" placeholder="Search for...">
				      <span class="input-group-btn">
				        <button class="btn btn-default" type="button">Go!</button>
				      </span>
						</div><!-- /input-group -->
					</div><!-- /.col-lg-6 -->

					<div class="col-sm-4">
						<div class="btn-group" role="group" aria-label="...">
							<button type="button" class="btn btn-info">1</button>
							<button type="button" class="btn btn-info">2</button>

							<div class="btn-group" role="group">
								<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
									Dropdown
									<span class="caret"></span>
								</button>
								<ul class="dropdown-menu">
									<li><a href="#">Dropdown link</a></li>
									<li><a href="#">Dropdown link</a></li>
								</ul>
							</div>
						</div>


						<button type="button" class="btn btn-primary">（首选项）Primary</button>
					</div>


				</div><!-- /.row -->
			</div>
			<!-- Table -->
			<table class="table table-striped table-hover">
				<thead>
				<tr>
					<th><input type="checkbox" name="check" id="checkall"/></th>
					<th>User</th>
					<th>Last Name</th>
					<th>Username</th>
					<th>setting</th>
				</tr>
				</thead>
				<tbody>
				<tr>
					<td scope="row"><input class="checkboxes" type="checkbox" name="check"/></td>
					<td><a href="javascript:;" class="min-img" style="background-image: url(img/qb.jpg);"></a>Mark</td>
					<td>Otto</td>
					<td>@mdo</td>
					<td>
						<div class="btn-group">
							<button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								设置 <span class="caret"></span>
							</button>
							<ul class="dropdown-menu">
								<li><a href="#">Action</a></li>
								<li><a href="#">Another action</a></li>
								<li><a href="#">Something else here</a></li>
								<li role="separator" class="divider"></li>
								<li><a href="#">Separated link</a></li>
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td><input class="checkboxes" type="checkbox" name="check"/></td>
					<td><a href="javascript:;" class="min-img" style="background-image: url(img/qb2.jpg);"></a>Mark</td>
					<td>Thornton</td>
					<td>@fat</td>
					<td>
						<div class="btn-group">
							<button class="btn btn-info btn-xs dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								设置 <span class="caret"></span>
							</button>
							<ul class="dropdown-menu">
								<li><a href="#">Action</a></li>
								<li><a href="#">Another action</a></li>
								<li><a href="#">Something else here</a></li>
								<li role="separator" class="divider"></li>
								<li><a href="#">Separated link</a></li>
							</ul>
						</div>
						<div class="btn-group">
							<button class="btn btn-danger btn-xs dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								设置 <span class="caret"></span>
							</button>
							<ul class="dropdown-menu">
								<li><a href="#">Action</a></li>
							</ul>
						</div>
					</td>
				</tr>
				<tr>
					<td scope="row"><input class="checkboxes" type="checkbox" name="check"/></td>
					<td><a href="javascript:;" class="min-img" style="background-image: url(img/qb.jpg);"></a>Mark</td>
					<td>the Bird</td>
					<td>@twitter</td>
					<td>
						<div class="btn-group">
							<button class="btn btn-success btn-xs dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								设置 <span class="caret"></span>
							</button>
							<ul class="dropdown-menu">
								<li><a href="#">Action</a></li>
							</ul>
						</div>
					</td>
				</tr>
				</tbody>
			</table>
			<div class="panel-footer">
				<nav class="clearfix">
					<ul class="pagination pull-right">
						<li>
							<a href="#" aria-label="Previous">
								<span aria-hidden="true">&laquo;</span>
							</a>
						</li>
						<li class="active"><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
						<li><a href="#">5</a></li>
						<li>
							<a href="#" aria-label="Next">
								<span aria-hidden="true">&raquo;</span>
							</a>
						</li>
					</ul>
				</nav>
			</div>
		</div>




		<!-- view end -->
	</div>
</section>




<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>